<template>
	<view class="rule_container">
		<view class="rule_title">
			<text class="rule_title_text">武汉纺织大学 使用规则</text>
		</view>
		<!--  -->
		<view class="rule_zt ">
			<view class="rule_zt_box">
				<text class="rule_zt_name" style="font-size: 35rpx;">当前状态</text>
			</view>
			<text class="rule_zt_main" style="color: #19BE6B;">正常使用中</text>
		</view>

		<view class="rule_content" v-for="(item,index) in ruleData" :key="index">
			<view class="rule_content_box">
				<text class="rule_content_name" style="font-size: 35rpx;">{{item.ruleName}}</text>
			</view>
				<view class="rule_content_main">
					<view  v-for="(itemS,index) in item.main" :key="index">
						<view class="rule_content_main_item">{{itemS}}</view>
					</view>
					
				</view>


		</view>
		<!--  -->
		<!-- 暂离保留规则表格 -->

		<view class="rule_table " style="font-size: 35rpx;font-weight: 800;">
			<text>暂离保留规则</text>
			<text>时长</text>
			<text>可用时间</text>
			<text>次数</text>
		</view>
		<view class="rule_table ">
			<text>暂离保留</text>
			<text>30分钟</text>
			<text>00:00～23:59</text>
			<text>2次数</text>
		</view>
		<view class="rule_table ">
			<text>午间隔离</text>
			<text>30分钟</text>
			<text>11:00～14:00</text>
			<text>1次数</text>
		</view>
		<view class="rule_table ">
			<text>晚间隔离</text>
			<text>90分钟</text>
			<text>16:00～17:00</text>
			<text>1次数</text>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ruleData: [{
					ruleName: '用馆规则',
					main: ['来馆选座，到馆签到，离馆退座，临时离开请点击暂离。', '系统开闭时间见对应馆室名下小字。']
				}, {
					ruleName: '明日预约规则',
					main: ['可在18:00点-19:O0预约次日开馆座位']
				}, {
					ruleName: '违规规则',
					main: ['预约后规定时间内未到馆签到记录违规;', '被监督占座不签到记录违规;离馆不退座记录违规。', '“清除违规记录”道具使用后清除最近—次违规记录。']
				}, {
					ruleName: '黑名单规则',
					main: ['1.7天内发生3次违规进入黑名单，黑名单禁用系统3天。', '2.“黑名单解除”道具使用后立即移除黑名单，进入黑名单后清除违规记录不会移除黑名单。',
						'3.违规使用监督占座功能的（如照片严重失实)，查证后立即进入长期黑名|单且不可使用道具移除。',
						'4.已开通学号验证的学校,如果绑定他人学号或者佶学号给他人绑定,查证后立即进入长期黑名单且不可使用道具移除。'
					]
				}, {
					ruleName: '退座规则',
					main: ['1.退座分为主动退座及被动退座。', '2.主动退座:自己主动点击退座按钮根据页面指示进行退座，记录完整的时长与积分，并且有积分红包及道具红包掉落的哦。',
						"3.被动退座:闭馆时系统会自动洁理座位，只记录1/4的时长及积分，会被记录违规。"
					]
				}]
			};
		}
	}
</script>

<style lang="scss">
	// 公共样式
	.margin-right {
		margin-right: 50rpx;
	}

	.bottom-color {
		border-bottom: 1px solid #e7e7e7;
	}

	.font_one {
		font-size: 35rpx;
	}

	// 
	.rule_container {
		height: 100%;
		width: 100%;
		padding: 0 20rpx;

		.rule_title {
			width: 100%;
			height: 3em;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #e7e7e7;

			.rule_title_text {
				font-size: 35rpx;
				font-weight: 800;
			}
		}

		.rule_zt {
			width: 100%;
			height: 3em;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #e7e7e7;

			.rule_zt_box {
				width: 160rpx;
				margin-right: 50rpx;
			}
		}

		.rule_content {
			width: 100%;
			display: flex;
			padding: 20rpx 0;
			border-bottom: 1px solid #e7e7e7;

			.rule_content_box {
				width: 160rpx;
				white-space: nowrap;
				margin-right: 50rpx;
			}

			.rule_content_main {
				flex: 1;
				display: flex;
				flex-direction: column;
				color: #828482;
			}
		}

		.rule_table {
			width: 100%;
			height: 100rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #e7e7e7;
		}

	}
</style>
